<template>
	<div >
		<mt-swipe :auto="2000">
		  <mt-swipe-item v-for="item in swipeList">
		  <router-link v-bind="{to:'/detile/movie/'+item.id}">
		  	<img class="img" :src="item.images.large" alt="">
		  </router-link>
		  </mt-swipe-item>	 
		</mt-swipe>
	</div>
</template>

<script>

	export default{
	    data(){
	        return {

			}
		},
		props:["swipeList"]
	}
</script>

<style scoped>
	.mint-swipe{
		height: 318px;
	}

	.mint-swipe img{
		width: 100%;
		height: 318px;
	}

	.mint-swipe-item{
		color:white;
	}

</style>